<template>
  <view>
    <view class="register">
      <view class="header">
        <image src="http://120.46.150.252:10004/static/icon-images/系统.png" mode=""></image>
        <view class="title">
          注册
        </view>
      </view>
      <view class="collectForm">
        <u--input placeholder="请输入账号" border="surround" v-model="username"
          :customStyle="{margin:'20rpx 0',height:'80rpx'}"></u--input>
        <u--input placeholder="请输入密码" border="surround" v-model="password"
          :customStyle="{margin:'20rpx 0',height:'80rpx'}" type="password"></u--input>
      </view>
      <view class="btn">
        <button type="primary" @click="login" class="login_btn">立即注册</button>
        <button type="primary" @click="toRegister" class="register_btn">有账号，去登录！</button>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"register",
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="less">
.register {
    padding: 0 20rpx;

    .header {
      display: flex;
      flex-direction: column;
      align-items: center;

      image {
        width: 300rpx;
        height: 250rpx;
      }

      .title {
        color: #55aaff;
        font-size: 48rpx;
      }
    }

    .btn {
      display: flex;

      .login_btn {
        flex: 1;
        color: #fff;
        background-color: #55aaff;
        border-radius: 30rpx;
      }

      .register_btn {
        flex: 1;
        color: #424242;
        background-color: #f1f1f1;
        border-radius: 30rpx;
      }
    }

  }
</style>